<template>
	<view class="wrap">
		<scroll-view class="scroll-list" scroll-y="true" @scrolltolower="loadMore">
			<u-cell-group class="list" :border="false">
				<u-card :title="item.publicName" v-for="(item, index) in list" :key="item.publicId" :index="item.publicId"
					@click="cardClick(item.publicId)">
					<view class="" slot="body">
						<view class="row-list">
							<span class="span-lable">名称: </span>{{ item.publicName }}
						</view>
						<view class="row-list">
							<span class="span-lable">键: </span>{{ item.publicKey }}
						</view>
						<view class="row-list">
							<span class="span-lable">值: </span>{{ item.publicValue }}
						</view>
						<view class="row-list">
							<span class="span-lable">编码: </span>{{ item.validateCode }}
						</view>
						<view class="row-list">
							<span class="span-lable">状态: </span>
							<dict-tag dict-type="status_type" :value="item.status"></dict-tag>
						</view>
						<view class="row-list">
							<span class="span-lable">类型: </span>
							<dict-tag dict-type="param_type" :value="item.publicType"></dict-tag>
						</view>
					</view>
					<view class="card-foot" slot="foot">
						<u-button type="primary" size="medium" @click="cardClick(item.publicId)">编辑</u-button>
						<u-button size="medium" @click="del(item.publicId)">删除</u-button>
					</view>
				</u-card>
			</u-cell-group>
			<view class="loadmore" @click="loadMore">
				<u-loadmore :status="loadStatus"></u-loadmore>
			</view>
		</scroll-view>
		<view class="btn-plus" @click="cardClick()">
			<u-icon name="plus-circle-fill" size="90" color="#3d87ff"></u-icon>
		</view>
	</view>
</template>
<script>
	export default {

		data() {
			return {
				keywords: '',
				query: {
					current: 1,
					size: 20
				},
				list: [],
				count: 0,
				loadStatus: 'loadmore',
				options: [{
					text: '删除',
					style: {
						background: '#dd524d'
					}
				}]
			};
		},
		onLoad() {
			this.loadList();
		},
		onShow() {
			if (uni.getStorageSync('refreshList') === true) {
				uni.removeStorageSync('refreshList');
				this.search('');
			}
		},
		methods: {
			cardClick(id) {
				uni.navigateTo({
					url: '/pages/sys/unixParam/form?id=' + id
				})
			},
			loadMore() {
				this.loadStatus = "loading";
				setTimeout(() => {
					this.query.current += 1;
					this.loadList();
				}, 100);
			},
			loadList() {
				this.$u.api.unixParam.fetchList(this.query).then(res => {
					if (!res.data.records || res.data.records.length === 0) {
						this.loadStatus = "nomore";
						return;
					}
					this.list = this.list.concat(res.data.records);
					this.total = res.data.total;
					this.query.current = res.data.current;
					this.query.size = res.data.size;
					this.loadStatus = "loadmore";
				});
			},
			del(id) {
				let self = this;
				uni.showModal({
					title: '提示',
					content: '确认要删除该数据吗？',
					showCancel: true,
					success: function(res2) {
						if (res2.confirm) {
							self.$u.api.unixParam.delObj({
								id: id
							}).then(res => {
								self.$u.toast('删除成功');
								self.query.current = 1
								self.list = []
								self.loadList()
							});
						}
					}
				});
			}
		}
	};
</script>
